<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        /**
         * 数据类型
         */
        var name = 'tom'
        var sex = "male"
        var age = 18
        var height = 184.6
        var flag = true
        var hobby = null
        var date = new Date()
        var arr = new Array()
        var address // undefined

        // console.log(typeof name)
        // console.log(typeof age)
        // console.log(typeof height)
        // console.log(typeof flag)
        // console.log(typeof hobby) // 如果数据是null、Date、Array等，返回的都是object
        // console.log(typeof date)
        // console.log(typeof arr)
        // console.log(typeof address)


        /**
         *  数据类型转换
         */
        // 1.转换为number
        var a = '12'
        // console.log(typeof a)

        // 方式一：使用Number()
        // console.log(Number('12'))
        // console.log(Number('12.5'))
        // console.log(Number('12abc')) // NaN：Not a Number
        // console.log(Number('abc12'))
        // console.log(typeof NaN)

        // 方式二：parseInt()
        // console.log(parseInt('12'))
        // console.log(parseInt('12.5'))
        // console.log(parseInt('12abc'))
        // console.log(parseInt('abc12'))

        // 方式三：parseFloat()
        // console.log(parseFloat('12'))
        // console.log(parseFloat('12.5'))
        // console.log(parseFloat('12abc'))
        // console.log(parseFloat('abc12'))
        
        // 将boolean转换为数字
        console.log(Number(false))


        // 2.转换为string
        // var a = 12
        var a = true
        a = '' + a
        // console.log(typeof  a)

        
        // 3.转换为boolean
        // console.log(Boolean(24))
        // console.log(Boolean(0))
        // console.log(Boolean('hello'))
        // console.log(Boolean(''))
        // console.log(Boolean(null))
        // console.log(Boolean(undefined))
        // console.log(Boolean(NaN))

        var x = 24;
        if(x){
            console.log('---------------')
        }
        
    </script>
</head>
<body>

</body>
</html>